﻿<div class="container-fluid">
    <div class="row">
	    <div class="col-md-8">
			<!-- BEGIN: Main matter detail -->
			<ul class="nav nav-tabs">
				<li class="active"><a href="#matterDetail" data-toggle="tab">My Active Jobs</a></li>
				<!--
				<li class=""><a href="#something?" data-toggle="tab">Something else?</a></li>
				-->
				<li class=""><a href="#matterAlerts" data-toggle="tab">My Inactive Jobs</a></li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#">
						Options <span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#matteralertCreate" data-toggle="tab">New Job</a></li>
						<!--
						<li class="divider"></li>
						<li><a href="#dropdown2" data-toggle="tab">Another action</a></li>
						-->
					</ul>
				</li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade active in" id="matterDetail">
				<!--
					<button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="The matter is ACTIVE in the system">ACTIVE</button>
					<button type="button" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="The matter is NOT ACTIVE in the system">INACTIVE</button>
				-->
					<p>
		
						<div class="panel panel-warning">
							<div class="panel-heading">
								<h3 class="panel-title">UPCOMING</h3>
							</div>
							<div class="panel-body">
								<b>Next 5 minutes - Hourly Check disk space</b><br>
								<b>Next 15 minutes - Hourly Check disk space</b><br>
								<b>Next 25 minutes - Hourly Check disk space</b><br>
							</div>
						</div>
		
						<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title">RECENTLY RUN</h3>
							</div>
							<div class="panel-body">
								<b>One hour ago - Hourly check disk space</b>
							</div>
						</div>
		
					</p>
	
				</div>
				<!--
				<div class="tab-pane fade" id="matterFavs">
					<p>Fav</p>
				</div>
				-->
				<div class="tab-pane fade" id="matterAlerts">
					<p>
	
						<div class="list-group">
							<a href="#" class="list-group-item">
								<h4 class="list-group-item-heading">Alert 1</h4>
								<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
							</a>
							<a href="#" class="list-group-item">
								<h4 class="list-group-item-heading">Alert 2</h4>
								<p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
							</a>
						</div>
					
					</p>
				</div>
				<div class="tab-pane fade" id="matteralertCreate">
					<p>Jobs listed here...</p>
				</div>
				<div class="tab-pane fade" id="dropdown2">
					<p>other</p>
				</div>
			</div>
			<!-- END: Main matter detail -->
		
		</div>
		<div class="col-md-4">

			<!-- BEGIN: Time -->
			<ul class="nav nav-tabs">
				<li class="active"><a href="#matterDetail" data-toggle="tab">ACTIVE JOBS</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade active in" id="matterDetail">
					<p></p>
					<a href="#" class="btn btn-success btn-lg btn-block" target="_blank">SUCCESSES: <span class="badge" id="SPPSSinactive">7</span></a>
					<a href="#" class="btn btn-danger btn-lg btn-block" target="_blank">FAILURES: <span class="badge" id="#SPPSSactive">2</span></a>
				</div>
			</div>
			<!-- END: Time -->

			<!-- BEGIN: Favorites -->
			<ul class="nav nav-tabs">
				<li class="active"><a href="#matterDetail" data-toggle="tab">SPPSS NEWS</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade active in" id="matterDetail">
					<p></p>
					<ul class="list-group">
						<li class="list-group-item">
							New version! <b>0.02</b>
						</li>
						<li class="list-group-item">
							New SQL script available.
						</li>
						<li class="list-group-item">
							New version! <b>0.01</b>
						</li>
					</ul>
				</div>
			</div>
			<!-- END: Favorites -->

		</div>
    </div>
</div>
